﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>iGoal</title>
<!--script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script-->
<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.2.pack.js"></script>
<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.1.js"></script>
<script type="text/javascript" src="scripts/jquery.jeditable.js"></script>
<script type="text/javascript" src="scripts/DD_roundies_0.0.2a-min.js"></script> 
<link rel="stylesheet" type="text/css" href="script/fancybox/jquery.fancybox-1.3.1.css" media="screen" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="styles/tmpStyle.css" rel="stylesheet" type="text/css" />
<link href="styles/pigStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">

$(document).ready(function() {
DD_roundies.addRule('.bogoc', '5px', true);
});


$(document).ready(function() {
     $('.editable').editable('http://www.example.com/save.php', {
	 cssclass : '.edittext',
	 });
	 $('.editabletext').editable('http://www.example.com/save.php', {
	 cssclass : '.editabletext',
	 type : 'textarea',
	 })
 });
 
	</script>
</head>
<body>
<div id="all">
  <div id="header">
    <div class="top">
      <input type="text" class="input_search" />
      <input type="button" class="button_search" />
    </div>
    <div class="banner">
      <div id="logo"><img src="images/logo/logo.png" alt="igoal.vn" /></div>
      <div class="w1">
        <div></div>
      </div>
      <div id="slogan">chia sẻ mục tiêu của bạn</div>
    </div>
  </div>
  <div id="acc_contain"> <a class="avatar"><img src="images/avatar.png" alt="" /></a>
    <div class="infomation">
      <div class="title"><b style="float:left">“</b> <div class="editable edittext" style="display:inline">hôm nay buồn buồn sao ý mấy bạn ạ... </div><b>”</b></div>
      <div class="updatetime">Cập nhật cách đây 1 giờ 20 phút</div>
      <div class="icon"> <a class="smiles"></a>
        <div class="w2"></div>
        <a class="contact"></a>
        <div class="w2"></div>
        <a class="friend"></a>
        <div class="w2"></div>
        <a class="support"></a> </div>
    </div>
  </div>
  <div class="w3"></div>
  <style>
  	
  </style>
  <div id="infomation">
    <div id="left">
 		<div class="dashboardTab">
        	<ul>
            	<li>
                	<a href="#" title="Chia sẻ mục tiêu của bạn!" class="d2Goal">MỤC TIÊU</a>
                </li>
                <li>
                	<a href="#" title="Kết nối bạn bè!" class="d2Wall selected">TƯỜNG NHÀ</a>
                </li>
                <li>
                	<a href="#" title="Những bài viết hay!" class="d2News">CHIA SẺ</a>
                </li>
            </ul>
        </div>
        <div class="clearthis"></div>

        <div class="dashboardBlueBox blueBoxWall">
        	<span class="bgPos mascotWall"></span>
            <div class="wallPost">
            	
            	<span class="bgPos wallPostForm">
                	<textarea cols="10" rows="10"></textarea>
                </span>
                <div class="clearthis"></div>
                <div class="statusPrivacy">
                	<label>Giới hạn người xem trạng thái của bạn:</label><b class="fl">Bạn bè</b>
                    <a href="#" class="dropIconWall bgPos"></a>
                       
                    <a class="bgPos btnShareMyStatus"></a>
                    
                    
                </div>
            </div>
        </div>
        <div class="clearthis"></div>
        <div class="contentHeader">
        	<span class="icon_1 iconYSD"></span><h1>HOẠT ĐỘNG GẦN ĐÂY:</h1>
            <span class="fr"></span>
         </div>   
         <style>
		 	
		 </style>
         
        <div class="wallContainer">
        	<div class="wallActivity">
            	<a class="wallUserAvatar" href="#"><img src="http://igoal.vn/files/nktdigital29/1285586538616.jpeg" width="50"/></a>
                <div class="wallActivityContainer">
                    <div class="wallActivityContent borderBottom">
                        <p><a href="#" class="user">Sang Phan</a> vừa tạo mục tiêu <a href="#">lấy vợ giàu</a></p>
                        <p class="timeLikeComment onWall">Cập nhật cách đầy 15 phút <a href="#"> &bull; Thích</a><a href="#"> &bull; Ý kiến</a></p>
                        <p class="likeListUser"><a class="entryLikeThisHover" href="#"></a> <a href="#" >Tên Đẹp</a> và <a href="#">5 người khác</a> thích điều này.</p>
                    </div>
                    
                    <div class="wallActivityContent">
                        <p><a href="#" class="user">Sang Phan</a> vừa tạo mục tiêu <a href="#">lấy vợ giàu</a></p>
                        <p class="timeLikeComment onWall">Cập nhật cách đầy 15 phút <a href="#"> &bull; Thích</a><a href="#"> &bull; Ý kiến</a></p>
                        <p class="likeListUser"><a class="entryLikeThisHover" href="#"></a> <a href="#" >Tên Đẹp</a> và <a href="#">5 người khác</a> thích điều này.</p>
                    </div>
                    
                    <a href="#" class="readmore">&raquo; Xem tất cả các cập nhật của <b>Sang Phan</b></a>
                    
                </div>
                
            </div>
            <div class="wallActivity">
            	<a class="wallUserAvatar" href="#"><img src="http://igoal.vn/files/nktdigital29/1285586538616.jpeg" width="50"/></a>
                <div class="wallActivityContainer">
                    <div class="wallActivityContent">
                        <p><a href="#" class="user">Sang Phan</a> vừa tạo mục tiêu <a href="#">lấy vợ giàu</a></p>
                        <p class="timeLikeComment onWall">Cập nhật cách đầy 15 phút <a href="#"> &bull; Thích</a><a href="#"> &bull; Ý kiến</a></p>
                    
                    </div>
                     <a href="#" class="readmore">&raquo; Xem tất cả các cập nhật của <b>Sang Phan</b></a>
                </div>
                
            </div>
            
             <div class="wallActivity">
            	<a class="wallUserAvatar" href="#"><img src="http://igoal.vn/files/nktdigital29/1285586538616.jpeg" width="50"/></a>
                <div class="wallActivityContainer">
                    <div class="wallActivityContent">
                        <p><a href="#" class="user">Sang Phan</a> bà mẹ, đang làm việc mà rủ đi nhậu hoài, sao tao chịu nổi đây trời ơi là trời..........</p>
                        <p class="timeLikeComment onWall">Cập nhật cách đầy 15 phút <a href="#"> &bull; Thích</a><a href="#"> &bull; Ý kiến</a></p>
                    
                    </div>
                     <a href="#" class="readmore">&raquo; Xem tất cả các cập nhật của <b>Sang Phan</b></a>
                </div>
                
            </div>
            
        </div>
        
    
    
    </div> <!--end Left-->
    <div id="right">
    	<div class="w6"></div>
    	<div id="goalrank">
        	<div class="title">Thông tin về mục tiêu này</div>
            <div class="rank">Tổng số người thực hiện: <b>1400</b> người<br />
            Tổng số người hoàn thành: <b>375</b> người<br />
            Thời gian trung bình hoàn thành: <b>32</b> ngày<br />
            Tổng số giải pháp đưa ra: <b>500</b> người<br />
            </div>
        </div>
      <div class="question">
        <h1>Cập nhật thông tin cá nhân</h1>
      </div>
      <div id="updateuser" class="bogoc">
        <div class="score2">
        	<div class="scorebar">
            	<div class="left"></div>
                <div class="center" style="width:70px">25% |</div>
                <div class="right"></div>
            </div>
        </div>
        <div class="w6"></div>
        <div class="sharingtip">
          <div class="icontip"></div>
          <div class="tip"><a>Cập nhật các thông tin cơ bản +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm hình đại diện +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Thêm thông tin về sở thích +<b>15</b>%</a></div></div>
        <div class="sharingtip">
          <div class="icontip"></div>
           <div class="tip"><a>Chia sẻ mục tiêu của bạn +<b>15</b>%</a></div></div>
        <div class="w6"></div>
        <div id="hot"> <b>Tại sao bạn phải cập nhật thông tin cá nhân ?</b><br />
          <br />
          iGoal sẽ dựa trên thông tin cơ bản của bạn để gợi ý danh sách những bạn bè của bạn hiện đang hoạt động trên iGoal </div>
      </div>
      <div class="question">
        <h1>Giới thiệu bản thân</h1>
      </div>
      <div id="aboutme">
        <div class="top"></div>
        <div class="middle">
        <div class="icon"></div>
        <div class="editabletext">Tôi 20 tuổi, nhiều hoài bão, ước mơ! Tôi luôn đặt mục tiêu cho bản thân mình để hướng đến và hoàn thiện mình hơn...</div>
        </div>
        <div class="buttom"> </div>
        <div class="question">
          <h1>Danh sách bạn bè <b style="color:#CA4A0C">(18)</b></h1>
          <div class="dem1"><a class="viewall"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r1_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Phan Sang</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r3_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Thanh Liem</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r5_c1.png"></div>
          <div class="infofriend"> <div class="friendname"><a>liembusinessman</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt="" /></div>
          <div class="infofriend"> <div class="friendname"><a>Obama</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="on">ONLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="w3"></div>
        <div class="w6"></div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r9_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Osama Binladen</a></div>
            <div class="text">3 mục tiêu | cập nhật cách đây 3 giờ</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
        <div class="w6"></div>
        <div class="question">
          <h1>Có thể bạn biết</h1>
          <div class="dem2"><a class="nextframe"></a><a class="prevframe"></a></div>
        </div>
        <div class="myfriend">
          <div class="avatar"><img src="images/avatar/_r7_c1.png" alt=""></div>
          <div class="infofriend"> <div class="friendname"><a>Putil olami</a></div>
            <div class="text">Có chung 5 bạn bè</div>
            <div class="off">OFFLINE</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</body>
</html>
